<template>
  <div>
    <van-icon
      class="pre"
      color="#fff"
      size="20px"
      name="arrow-left"
      @click="onClickLeft"
    />
    <div class="biao">收藏列表</div>
    <HelloCase v-for="item in list" :key="item.id" :info="item"></HelloCase>
  </div>
</template>

<script>
import HelloCase from '@/components/HelloCase.vue'
import { sc } from '@/api/luo'
// import { List } from 'vant'

export default {
  data () {
    return {
      List: []
    }
  },
  components: {
    HelloCase
  },
  async created () {
    const data = await sc()
    // this.list.push
    console.log(data)
  },
  methods: {
    onClickLeft () {
      this.$router.go(-1)
    }
  }
}
</script>

<style scoped lang="less">
.biao {
  height: 45px;
  color: #fff;
  text-align: center;
  line-height: 45px;

  background-color: rgba(33, 185, 122);
}
.pre {
  position: absolute;
  top: 13px;
  left: 30px;
}
</style>
